<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>车货计算器</title>
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/index.js"></script>
</head>
<body>
<!--div>div*3-->
<div id="all">
    <div id="top">
        <img src="../image/logo.png" alt="">
        <!--(div*2>span)+img-->
        <div><span id="ipt1">购车借款计算</span></div>
        <div><span id="ipt2">购车税费</span></div>
    </div>
    <div id="mid">
        <div id="div1">
            <ul>
                <li>裸车价格: <input type="text" value="金额" >万元</li>
                <li>首付比例:
                    <select>
                        <option>二成</option>
                        <option>三成</option>
                        <option>四成</option>
                        <option>五成</option>
                    </select>
                </li>
                <li>贷款期限:
                    <select>
                        <option>6个月（6期）</option>
                        <option>9个月（9期）</option>
                        <option>12个月（12期）</option>
                        <option>24个月（24期）</option>
                    </select>
                </li>
                <li>贷款年利率:
                    <select>
                        <option>5.6%（6个月及以内）</option>
                        <option>5.6%（6个月及以内）</option>
                        <option>5.6%（6个月及以内）</option>
                        <option>5.6%（6个月及以内）</option>
                    </select>
                    <select>
                        <option>无折扣</option>
                        <option>85折</option>
                    </select>
                    <select>
                        <option>5.6</option>
                        <option>6.5</option>
                    </select>%
                </li>
            </ul>
            <!--value属性的值为空  = "" -->
            <!--<input type="text" >-->
        </div>
        <div id="div2" class="yin">
            <ul>
                <li>裸车价格:<input type="text" value="金额" >万元</li>
                <li>车辆排量:
                    <select>
                        <option>1.0L-1.6L(含)</option>
                        <option>2.0L-2.5L(含)</option>
                    </select>
                </li>
                <li>计划上牌地:
                    <select>
                        <option>B-北京</option>
                        <option>C-北京</option>(首字母)
                    </select>
                </li>
                <li>车辆情况:</li>
            </ul>
        </div>
        <div>
            <button id="but1">立即计算</button>
            <button id="but2">清除</button>
        </div>
    </div>
    <div id="bot">
        <div id="div3">
            <ul>
                <li>计算结果</li>
                <li>
                    每月还款<input type="text" value="0" >元
                </li>
                <li>
                    利息总额<input type="text" value="0" >元
                    累计还款总额<input type="text" value="0" >元
                </li>
            </ul>
        </div>
        <div id="div4" class="yin">
            <ul>
                <li>计算结果</li>
                <li>费用合计 <input type="text" value="金额" >元</li>
                <li>新车购置税 <input type="text" value="金额" >元
                    车船使用税<input type="text" value="金额" >元
                </li>
                <li>
                    上牌费用 <input type="text" value="金额" >元
                    交强险费用<input type="text" value="金额" >元
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>